<html>
    <style>
        @import url('todo.css');
        *{margin: 0;text-align: center;}
        #timer-container {
            width: 250px;
            height: 350px;
        }
        #switch-button {
            text-shadow: 0 -1px 0 rgba(0,0,0,0.12);
            box-shadow: 0 2px 0 rgba(0,0,0,0.045);
            outline: none;
            margin-top: -10px
            display: inline-block;
            height: 30px;
            padding: 0 7px;
            font-size: 12px;
            font-family: Avenir,-apple-system,BlinkMacSystemFont,'Segoe UI','PingFang SC','Hiragino Sans GB','Microsoft YaHei','Helvetica Neue',Helvetica,Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol',sans-serif;
            line-height: 30px;
            text-align: center;
            text-decoration: none;
            border: 1px solid #F44336;
            border-radius: 6px;
            background: #F44336;
            color: #FFF;
        }
    </style>
    <body>
    <div id="left"  >
        <div id="myDIV" class="header">
            <h2>My To Do List</h2>
            <input type="text" id="myInput" placeholder="Title...">
            <span id="add_to_do"  class="addBtn">Add</span>
        </div>
        <ul id="myUL">
            <li>单词</li>
            <li>拉不拉东</li>
            <li>小程序</li>
        </ul>
    </div>
    <div id="right">
        <div id="main">
            <div id="timer-container"></div>
            <button id="switch-button">开始工作</button>
        </div>
        <script>
            require('./renderer.js')
        </script>
    </div>

    </body>
</html>
